<!DOCTYPE html>
<html lang="en">
  <!--<< Header Area >>-->
  <head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="modinatheme" />
    <meta
      name="description"
      content="DalTech - IT Solution & Technology Html Template" />
    <!-- ======== Page title ============ -->
    <title>DalTech - IT Solution & Technology Html Template</title>
    <!--<< Favcion >>-->
    <link rel="shortcut icon" href="assets/img/preloader.svg" />
    <!--<< Bootstrap min.css >>-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <!--<< Font Awesome.css >>-->
    <link rel="stylesheet" href="assets/css/font-awesome.css" />
    <!--<< Animate.css >>-->
    <link rel="stylesheet" href="assets/css/animate.css" />
    <!--<< Magnific Popup.css >>-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css" />
    <!--<< MeanMenu.css >>-->
    <link rel="stylesheet" href="assets/css/meanmenu.css" />
    <!--<< Slick.css >>-->
    <link rel="stylesheet" href="assets/css/slick.css" />
    <!--<< Nice Select.css >>-->
    <link rel="stylesheet" href="assets/css/nice-select.css" />
    <!--<< Main.css >>-->
    <link rel="stylesheet" href="assets/css/main.css" />
    <!--<< Style.css >>-->
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <!-- Preloader Start -->
    <div id="preloader" class="preloader">
      <div class="animation-preloader">
        <div class="spinner"></div>
        <div class="txt-loading">
          <span data-text-preloader="D" class="letters-loading">望</span>
          <span data-text-preloader="A" class="letters-loading">A</span>
          <span data-text-preloader="L" class="letters-loading">L</span>
          <span data-text-preloader="T" class="letters-loading">T</span>
          <span data-text-preloader="E" class="letters-loading">E</span>
          <span data-text-preloader="C" class="letters-loading">C</span>
          <span data-text-preloader="H" class="letters-loading">H</span>
        </div>
        <p class="text-center">Loading</p>
      </div>
      <div class="loader">
        <div class="row">
          <div class="col-3 loader-section section-left">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-left">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-right">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-right">
            <div class="bg"></div>
          </div>
        </div>
      </div>
    </div>

    <!--<< Mouse Cursor Start >>-->
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <!-- Offcanvas Area Start -->
    <div class="fix-area">
      <div class="offcanvas__info">
        <div class="offcanvas__wrapper">
          <div class="offcanvas__content">
            <div
              class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
              <div class="offcanvas__logo">
                <a href="index.html">
                  <img src="assets/img/logo/logo.svg" alt="logo-img" />
                </a>
              </div>
              <div class="offcanvas__close">
                <button>
                  <i class="fas fa-times"></i>
                </button>
              </div>
            </div>
            <p class="d-none d-lg-block">
              Ne summo dictas pertinacia nam. Illum cetero vocent ei vim, case
              regione signiferumque vim te. Ex mea quem munere lobortis. Duis aute
              irure dolor in reprehenderit in voluptate velit esse cillum.
            </p>
            <div class="mobile-menu fix mb-3"></div>
            <div class="offcanvas__contact">
              <h4>Contact Info</h4>
              <ul>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon">
                    <i class="fal fa-map-marker-alt"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a target="_blank" href="#">Main Street, Melbourne, Australia</a>
                  </div>
                </li>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon mr-15">
                    <i class="fal fa-envelope"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a href="mailto:info@azent.com">
                      <span class="mailto:info@azent.com">info@azent.com</span>
                    </a>
                  </div>
                </li>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon mr-15">
                    <i class="fal fa-clock"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a target="_blank" href="#">Mod-friday, 09am -05pm</a>
                  </div>
                </li>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon mr-15">
                    <i class="far fa-phone"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a href="tel:+11002345909">+11002345909</a>
                  </div>
                </li>
              </ul>
              <div class="header-button mt-4">
                <a href="contact.html" class="theme-btn text-center">
                  <span>
                    Contact Us
                    <i class="fas fa-chevron-right"></i>
                  </span>
                </a>
              </div>
              <div class="social-icon d-flex align-items-center">
                <a href="#"><i class="fab fa-facebook-f"></i></a>
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-youtube"></i></a>
                <a href="#"><i class="fab fa-linkedin-in"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="offcanvas__overlay"></div>

    <!-- Header Top Start -->
    <div class="header-top-section-3">
      <div class="container-fluid">
        <div class="header-top-wrapper style-2 style-3">
          <div class="top-left">
            <ul class="contact-list">
              <li>
                <span>Call</span>
                Consult With It Advisor?
                <a href="contact.html">Click Now</a>
              </li>
              <li>
                <i class="fas fa-map-marker-alt"></i>
                734 H, Bryan Burlington, NC 27215
              </li>
              <li>
                <i class="fas fa-envelope"></i>
                <a href="mailto:info@example.com" class="line-none">
                  info@example.com
                </a>
              </li>
            </ul>
          </div>
          <div class="top-right">
            <div class="nice-select style-2" tabindex="0">
              <span class="current">USD</span>
              <ul class="list">
                <li data-value="1" class="option selected focus">USD</li>
                <li data-value="1" class="option">BSD</li>
                <li data-value="1" class="option">NSD</li>
              </ul>
            </div>
            <div class="flag-wrap">
              <div class="flag">
                <img src="assets/img/flag.png" alt="flag" />
              </div>
              <div class="nice-select" tabindex="0">
                <span class="current">English</span>
                <ul class="list">
                  <li data-value="1" class="option selected focus">English</li>
                  <li data-value="1" class="option">Bangla</li>
                  <li data-value="1" class="option">Hindi</li>
                </ul>
              </div>
            </div>
            <div class="social-icon d-flex align-items-center">
              <a href="#"><i class="fab fa-facebook-f"></i></a>
              <a href="#"><i class="fab fa-twitter"></i></a>
              <a href="#"><i class="fab fa-vimeo-v"></i></a>
              <a href="#"><i class="fab fa-pinterest-p"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Header Area Start -->
    <header class="header-section-3">
      <div id="header-sticky" class="header-3">
        <div class="container-fluid">
          <div class="mega-menu-wrapper">
            <div class="header-main">
              <div class="logo">
                <a href="index.html" class="header-logo">
                  <img src="assets/img/logo/logo-2.svg" alt="logo-img" />
                </a>
              </div>
              <div class="header-left">
                <div class="mean__menu-wrapper">
                  <div class="main-menu">
                    <nav id="mobile-menu">
                      <ul>
                        <li class="has-dropdown active menu-thumb">
                          <a href="index.html">
                            Home
                            <i class="fas fa-angle-down"></i>
                          </a>
                          <ul class="submenu has-home-menu d-none d-lg-block">
                            <li class="border-none">
                              <div class="row g-4">
                                <div class="col-lg-4 home-menu">
                                  <div class="home-menu-thumb">
                                    <img
                                      src="assets/img/header/home-1.jpg"
                                      alt="img" />
                                    <div class="demo-button">
                                      <a
                                        href="index.html"
                                        class="theme-btn theme-btn-2">
                                        <span>Multi Page</span>
                                      </a>
                                      <a
                                        href="index-one-page.html"
                                        class="theme-btn theme-btn-2">
                                        <span>One Page</span>
                                      </a>
                                    </div>
                                  </div>
                                  <div class="home-menu-content text-center">
                                    <h4 class="home-menu-title">Home 01</h4>
                                  </div>
                                </div>
                                <div class="col-lg-4 home-menu">
                                  <div class="home-menu-thumb mb-15">
                                    <img
                                      src="assets/img/header/home-2.jpg"
                                      alt="img" />
                                    <div class="demo-button">
                                      <a
                                        href="index-2.html"
                                        class="theme-btn theme-btn-2">
                                        <span>Multi Page</span>
                                      </a>
                                      <a
                                        href="index-two-page.html"
                                        class="theme-btn theme-btn-2">
                                        <span>One Page</span>
                                      </a>
                                    </div>
                                  </div>
                                  <div class="home-menu-content text-center">
                                    <h4 class="home-menu-title">Home 02</h4>
                                  </div>
                                </div>
                                <div class="col-lg-4 home-menu">
                                  <div class="home-menu-thumb mb-15">
                                    <img
                                      src="assets/img/header/home-3.jpg"
                                      alt="img" />
                                    <div class="demo-button">
                                      <a
                                        href="index-3.html"
                                        class="theme-btn theme-btn-2">
                                        <span>Multi Page</span>
                                      </a>
                                      <a
                                        href="index-three-page.html"
                                        class="theme-btn theme-btn-2">
                                        <span>One Page</span>
                                      </a>
                                    </div>
                                  </div>
                                  <div class="home-menu-content text-center">
                                    <h4 class="home-menu-title">Home 03</h4>
                                  </div>
                                </div>
                              </div>
                            </li>
                          </ul>
                        </li>
                        <li class="has-dropdown active d-lg-none">
                          <a href="team.html" class="border-none">
                            Home
                            <i class="fas fa-angle-down"></i>
                          </a>
                          <ul class="submenu">
                            <li><a href="index.html">Home 01</a></li>
                            <li><a href="index-2.html">Home 02</a></li>
                            <li><a href="index-3.html">Home 03</a></li>
                          </ul>
                        </li>
                        <li>
                          <a href="#about">About</a>
                        </li>
                        <li>
                          <a href="#service">Service</a>
                        </li>
                        <li>
                          <a href="#project">Project</a>
                        </li>
                        <li>
                          <a href="#blog">Blog</a>
                        </li>
                        <li>
                          <a href="#contact">Contact</a>
                        </li>
                      </ul>
                    </nav>
                  </div>
                </div>
              </div>
              <div
                class="header-right d-flex justify-content-end align-items-center">
                <div class="header-button">
                  <a href="contact.html" class="theme-btn theme-btn-2">
                    <span>
                      contact us
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
                <div class="header__hamburger d-xl-block my-auto">
                  <div class="sidebar__toggle">
                    <div class="header-bar">
                      <span></span>
                      <span></span>
                      <span></span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!--<< Hero Section Start >>-->
    <section class="hero-section hero-3">
      <div class="slider-button">
        <div class="hero-nav-prev"><i class="fal fa-long-arrow-left"></i></div>
        <div class="hero-nav-next"><i class="fal fa-long-arrow-right"></i></div>
      </div>
      <div class="hero-slider-active-2">
        <div class="single-slide">
          <div
            class="slide-bg bg-cover"
            style="background-image: url('assets/img/hero/hero-5.jpg')">
            <div class="container">
              <div class="hero-content">
                <h4
                  class="fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.3">
                  5m+ Trusted Our Clients
                </h4>
                <h1
                  class="fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.5">
                  Empower Your
                  <br />
                  business Journey
                  <br />
                  with it Expertise
                </h1>
                <div
                  class="hero-button fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.7">
                  <a
                    href="service-details.html"
                    class="theme-btn theme-btn-2 hover-white">
                    <span>
                      Explore Our Service
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="single-slide">
          <div
            class="slide-bg bg-cover"
            style="background-image: url('assets/img/hero/hero-6.jpg')">
            <div class="container">
              <div class="hero-content">
                <h4
                  class="fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.3">
                  5m+ Trusted Our Clients
                </h4>
                <h1
                  class="fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.5">
                  Empower Your
                  <br />
                  business Journey
                  <br />
                  with it Expertise
                </h1>
                <div
                  class="hero-button fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.7">
                  <a
                    href="service-details.html"
                    class="theme-btn theme-btn-2 hover-white">
                    <span>
                      Explore Our Service
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="single-slide">
          <div
            class="slide-bg bg-cover"
            style="background-image: url('assets/img/hero/hero-7.jpg')">
            <div class="container">
              <div class="hero-content">
                <h4
                  class="fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.3">
                  5m+ Trusted Our Clients
                </h4>
                <h1
                  class="fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.5">
                  Empower Your
                  <br />
                  business Journey
                  <br />
                  with it Expertise
                </h1>
                <div
                  class="hero-button fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.7">
                  <a
                    href="service-details.html"
                    class="theme-btn theme-btn-2 hover-white">
                    <span>
                      Explore Our Service
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="single-slide">
          <div
            class="slide-bg bg-cover"
            style="background-image: url('assets/img/hero/hero-8.jpg')">
            <div class="container">
              <div class="hero-content">
                <h4
                  class="fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.3">
                  5m+ Trusted Our Clients
                </h4>
                <h1
                  class="fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.5">
                  Empower Your
                  <br />
                  business Journey
                  <br />
                  with it Expertise
                </h1>
                <div
                  class="hero-button fs-lg animated"
                  data-animation-in="fadeInUp"
                  data-delay-in="0.7">
                  <a
                    href="service-details.html"
                    class="theme-btn theme-btn-2 hover-white">
                    <span>
                      Explore Our Service
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Service Section Start >>-->
    <section class="service-section section-bg-4 fix section-padding" id="service">
      <div class="container">
        <div class="title-section-area">
          <div class="section-title style-2">
            <span class="wow fadeInUp">Our Services Area</span>
            <h2 class="wow fadeInUp" data-wow-delay=".3s">
              WHAT WE’RE OFFERING TO
              <br />
              OUR CUSTOMERS
            </h2>
          </div>
          <p class="wow fadeInUp" data-wow-delay=".5s">
            Transmds is the world’s driving worldwide coordinations supplier
            <br />
            uphold industry and exchange the worldwide trade of merchandi
            <br />
            do eiusmod tempor incididunt ut labore et simply free text dolore
          </p>
        </div>
        <div class="service-wrapper-3">
          <div class="service-box-items style-2 wow fadeInUp" data-wow-delay=".3s">
            <div class="icon">
              <i class="flaticon-coding"></i>
            </div>
            <div class="content">
              <h6>
                <a href="service-details.html">
                  UI / UX
                  <br />
                  CREATIVE DESIGN
                </a>
              </h6>
            </div>
          </div>
          <div
            class="service-box-items style-2 active wow fadeInUp"
            data-wow-delay=".5s">
            <div class="icon">
              <i class="flaticon-server"></i>
            </div>
            <div class="content">
              <h6>
                <a href="service-details.html">
                  Desktop
                  <br />
                  Computing Services
                </a>
              </h6>
            </div>
          </div>
          <div class="service-box-items style-2 wow fadeInUp" data-wow-delay=".7s">
            <div class="icon">
              <i class="flaticon-data-science"></i>
            </div>
            <div class="content">
              <h6>
                <a href="service-details.html">
                  Data &
                  <br />
                  Cyber security
                </a>
              </h6>
            </div>
          </div>
          <div class="service-box-items style-2 wow fadeInUp" data-wow-delay=".8s">
            <div class="icon">
              <i class="flaticon-technology-1"></i>
            </div>
            <div class="content">
              <h6>
                <a href="service-details.html">
                  REAL
                  <br />
                  TECH SOLUTIONS
                </a>
              </h6>
            </div>
          </div>
          <div class="service-box-items style-2 wow fadeInUp" data-wow-delay=".9s">
            <div class="icon">
              <i class="flaticon-project-management"></i>
            </div>
            <div class="content">
              <h6>
                <a href="service-details.html">
                  PROJECTS
                  <br />
                  & DATA MANAGMENT
                </a>
              </h6>
            </div>
          </div>
        </div>
        <div
          class="service-text-area text-center mt-5 wow fadeInUp"
          data-wow-delay=".4s">
          <h5>
            Bring them together and you overcome the ordinary.
            <a href="service.html" class="link-btn link-btn-2">
              <span>View More Service</span>
              <i class="fal fa-plus"></i>
            </a>
          </h5>
        </div>
      </div>
    </section>

    <!--<< Brand Section Start >>-->
    <div class="brand-section fix">
      <div class="container">
        <div class="brand-wrapper-3">
          <div class="brand-carousel-active">
            <div class="brand-image">
              <img src="assets/img/brand/02.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/02.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/02.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/02.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/02.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/02.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/02.png" alt="brand-img" />
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--<< About Section Start >>-->
    <section class="about-section section-padding" id="about">
      <div class="line-shape">
        <img src="assets/img/service/line-shape-2.png" alt="shape-img" />
      </div>
      <div class="container">
        <div class="about-wrapper-2">
          <div class="row">
            <div class="col-lg-6">
              <div class="about-image-items">
                <div
                  class="about-image-1 bg-cover wow fadeInLeft"
                  data-wow-delay=".3s"
                  style="background-image: url('assets/img/about/about-5.jpg')">
                  <div class="about-image-2 wow fadeInUp" data-wow-delay=".5s">
                    <img src="assets/img/about/about-6.jpg" alt="about-img" />
                  </div>
                </div>
                <div class="circle-shape">
                  <img
                    src="assets/img/about/circle-2.png"
                    alt="img"
                    class="text-circle" />
                  <div class="about-title">
                    <h2><span class="count">13</span></h2>
                    <p>Years of Experince</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 mt-5 mt-lg-0">
              <div class="about-content">
                <div class="section-title style-2">
                  <span class="wow fadeInUp">Know more about us</span>
                  <h2 class="wow fadeInUp" data-wow-delay=".3s">
                    WHAT WE’RE
                    <span>OFFERING</span>
                    TO OUR CUSTOMERS
                  </h2>
                </div>
                <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                  Transmds is the world’s driving worldwide coordinations supplier we
                  uphold industry and exchange the worldwide trade of merchandi
                  world’s driving worldwide coordinations supplier — we uphold
                  industry and exchange the
                </p>
                <div class="single-tab-items">
                  <ul class="nav mb-4" role="tablist">
                    <li
                      class="nav-item wow fadeInUp"
                      data-wow-delay=".3s"
                      role="presentation">
                      <a
                        href="#integrity"
                        data-bs-toggle="tab"
                        class="nav-link active"
                        aria-selected="true"
                        role="tab">
                        integrity
                      </a>
                    </li>
                    <li
                      class="nav-item wow fadeInUp"
                      data-wow-delay=".5s"
                      role="presentation">
                      <a
                        href="#obejectives"
                        data-bs-toggle="tab"
                        class="nav-link"
                        aria-selected="false"
                        role="tab"
                        tabindex="-1">
                        obejectives
                      </a>
                    </li>
                    <li
                      class="nav-item wow fadeInUp"
                      data-wow-delay=".7s"
                      role="presentation">
                      <a
                        href="#excellence"
                        data-bs-toggle="tab"
                        class="nav-link"
                        aria-selected="false"
                        role="tab"
                        tabindex="-1">
                        excellence
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="tab-content">
                  <div
                    id="integrity"
                    class="tab-pane fade show active"
                    role="tabpanel">
                    <div class="about-tabs-area">
                      <div class="about-list-items">
                        <div class="video-image wow fadeInUp" data-wow-delay=".3s">
                          <img src="assets/img/about/video.jpg" alt="img" />
                          <div class="video-box">
                            <a
                              href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I"
                              class="video-btn ripple video-popup">
                              <i class="fas fa-play"></i>
                            </a>
                          </div>
                        </div>
                        <ul class="wow fadeInUp" data-wow-delay=".4s">
                          <li>
                            <i class="far fa-check"></i>
                            Technology Growth
                          </li>
                          <li>
                            <i class="far fa-check"></i>
                            Customer Oriented Program
                          </li>
                          <li>
                            <i class="far fa-check"></i>
                            Dedicated Team member
                          </li>
                          <li>
                            <i class="far fa-check"></i>
                            Customer Oriented Program
                          </li>
                        </ul>
                      </div>
                      <div class="about-author">
                        <div class="author-image wow fadeInUp" data-wow-delay=".3s">
                          <img
                            src="assets/img/about/client-2.png"
                            alt="author-img" />
                          <div class="content">
                            <h6>5m+ Customer</h6>
                          </div>
                        </div>
                        <div
                          class="author-contact wow fadeInUp"
                          data-wow-delay=".5s">
                          <div class="icon">
                            <img src="assets/img/contact.png" alt="img" />
                          </div>
                          <div class="content">
                            <p>Phone:</p>
                            <h6>
                              <a href="tel:++23645689622">+236 (456) 896 22</a>
                            </h6>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="obejectives" class="tab-pane fade" role="tabpanel">
                    <div class="about-tabs-area">
                      <div class="about-list-items">
                        <div class="video-image">
                          <img src="assets/img/about/video.jpg" alt="img" />
                          <div class="video-box">
                            <a
                              href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I"
                              class="video-btn ripple video-popup">
                              <i class="fas fa-play"></i>
                            </a>
                          </div>
                        </div>
                        <ul>
                          <li>
                            <i class="far fa-check"></i>
                            Technology Growth
                          </li>
                          <li>
                            <i class="far fa-check"></i>
                            Customer Oriented Program
                          </li>
                          <li>
                            <i class="far fa-check"></i>
                            Dedicated Team member
                          </li>
                          <li>
                            <i class="far fa-check"></i>
                            Customer Oriented Program
                          </li>
                        </ul>
                      </div>
                      <div class="about-author">
                        <div class="author-image">
                          <img
                            src="assets/img/about/client-2.png"
                            alt="author-img" />
                          <div class="content">
                            <h6>5m+ Customer</h6>
                          </div>
                        </div>
                        <div class="author-contact">
                          <div class="icon">
                            <img src="assets/img/contact.png" alt="img" />
                          </div>
                          <div class="content">
                            <p>Phone:</p>
                            <h6>
                              <a href="tel:++23645689622">+236 (456) 896 22</a>
                            </h6>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="excellence" class="tab-pane fade" role="tabpanel">
                    <div class="about-tabs-area">
                      <div class="about-list-items">
                        <div class="video-image">
                          <img src="assets/img/about/video.jpg" alt="img" />
                          <div class="video-box">
                            <a
                              href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I"
                              class="video-btn ripple video-popup">
                              <i class="fas fa-play"></i>
                            </a>
                          </div>
                        </div>
                        <ul>
                          <li>
                            <i class="far fa-check"></i>
                            Technology Growth
                          </li>
                          <li>
                            <i class="far fa-check"></i>
                            Customer Oriented Program
                          </li>
                          <li>
                            <i class="far fa-check"></i>
                            Dedicated Team member
                          </li>
                          <li>
                            <i class="far fa-check"></i>
                            Customer Oriented Program
                          </li>
                        </ul>
                      </div>
                      <div class="about-author">
                        <div class="author-image">
                          <img
                            src="assets/img/about/client-2.png"
                            alt="author-img" />
                          <div class="content">
                            <h6>5m+ Customer</h6>
                          </div>
                        </div>
                        <div class="author-contact">
                          <div class="icon">
                            <img src="assets/img/contact.png" alt="img" />
                          </div>
                          <div class="content">
                            <p>Phone:</p>
                            <h6>
                              <a href="tel:++23645689622">+236 (456) 896 22</a>
                            </h6>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Counter Section Start >>-->
    <section class="counter-section-2">
      <div class="container">
        <div class="counter-wrapper-2">
          <div class="counter-items wow fadeInUp" data-wow-delay=".3s">
            <div class="icon">
              <i class="flaticon-verified"></i>
            </div>
            <div class="content">
              <h2>
                <span class="count">50</span>
                k+
              </h2>
              <p>Project Complete</p>
            </div>
          </div>
          <div class="counter-items wow fadeInUp" data-wow-delay=".5s">
            <div class="icon">
              <i class="flaticon-verified"></i>
            </div>
            <div class="content">
              <h2>
                <span class="count">5</span>
                k+
              </h2>
              <p>Project Complete</p>
            </div>
          </div>
          <div class="counter-items wow fadeInUp" data-wow-delay=".7s">
            <div class="icon">
              <i class="flaticon-customer-service-1"></i>
            </div>
            <div class="content">
              <h2>
                <span class="count">3</span>
                k+
              </h2>
              <p>Satisficed Clients</p>
            </div>
          </div>
          <div class="counter-items wow fadeInUp" data-wow-delay=".9s">
            <div class="icon">
              <i class="flaticon-medal"></i>
            </div>
            <div class="content">
              <h2>
                <span class="count">85</span>
                +
              </h2>
              <p>Awards Winning</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Grow Section Start >>-->
    <section class="grow-section section-padding section-bg-3">
      <div class="container">
        <div class="grow-wrapper">
          <div class="title-section-area">
            <div class="section-title style-2">
              <span class="text-white wow fadeInUp">Business strategy we need</span>
              <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
                GROW COMMUNITY & EXPERIENCE
                <br />
                ENDLESS POSSIBILITIES
              </h2>
            </div>
            <a
              href="about.html"
              class="theme-btn theme-btn-2 hover-white wow fadeInUp"
              data-wow-delay=".5s">
              <span>
                Discover More
                <i class="fas fa-chevron-right"></i>
              </span>
            </a>
          </div>
          <div class="circle-progress-bar-wrapper">
            <div class="single-circle-bar wow fadeInUp" data-wow-delay=".3s">
              <div class="circle-bar" data-percent="89" data-duration="1000"></div>
              <div class="content">
                <h6>Business Strategy</h6>
                <p>
                  End to end fiber optic cable
                  <br />
                  nnectivity for stable
                </p>
              </div>
            </div>
            <div class="single-circle-bar wow fadeInUp" data-wow-delay=".5s">
              <div class="circle-bar" data-percent="77" data-duration="1000"></div>
              <div class="content">
                <h6>Gaurateed Uptime</h6>
                <p>
                  End to end fiber optic cable
                  <br />
                  nnectivity for stable
                </p>
              </div>
            </div>
            <div class="single-circle-bar wow fadeInUp" data-wow-delay=".7s">
              <div class="circle-bar" data-percent="85" data-duration="1000"></div>
              <div class="content">
                <h6>Proactive Monitoring</h6>
                <p>
                  End to end fiber optic cable
                  <br />
                  nnectivity for stable
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Case Studies Start >>-->
    <div class="marque-section section-padding">
      <div class="marquee-wrapper text-slider style-height">
        <div class="marquee-inner to-left">
          <ul class="marqee-list d-flex">
            <li class="marquee-item style-2">
              <span class="text-slider">
                <img src="assets/img/asterisk-3.svg" alt="img" />
              </span>
              <span class="text-slider text-style-2">IT Services</span>
              <span class="text-slider">
                <img src="assets/img/asterisk-3.svg" alt="img" />
              </span>
              <span class="text-slider text-style-2">Cyber Security</span>
              <span class="text-slider">
                <img src="assets/img/asterisk-3.svg" alt="img" />
              </span>
              <span class="text-slider text-style-2">Data Security</span>
              <span class="text-slider">
                <img src="assets/img/asterisk-3.svg" alt="img" />
              </span>
              <span class="text-slider text-style-2">IT Services</span>
              <span class="text-slider">
                <img src="assets/img/asterisk-3.svg" alt="img" />
              </span>
              <span class="text-slider text-style-2">Cyber Security</span>
              <span class="text-slider">
                <img src="assets/img/asterisk-3.svg" alt="img" />
              </span>
              <span class="text-slider text-style-2">Data Security</span>
              <span class="text-slider">
                <img src="assets/img/asterisk-3.svg" alt="img" />
              </span>
              <span class="text-slider text-style-2">IT Services</span>
              <span class="text-slider">
                <img src="assets/img/asterisk-3.svg" alt="img" />
              </span>
              <span class="text-slider text-style-2">Cyber Security</span>
              <span class="text-slider">
                <img src="assets/img/asterisk-3.svg" alt="img" />
              </span>
              <span class="text-slider text-style-2">Data Security</span>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <!--<< Case Studies Section Start >>-->
    <section class="case-study section-padding pt-0" id="project">
      <div class="container">
        <div class="section-title style-2 text-center">
          <span class="wow fadeInUp">Our Recent case study</span>
          <h2 class="wow fadeInUp" data-wow-delay=".3s">
            WHAT WE’RE
            <span>OFFERING</span>
            TO
            <br />
            OUR CUSTOMERS
          </h2>
        </div>
      </div>
      <div class="case-study-wrapper">
        <div class="case-studies-carousel-active-2">
          <div class="case-study-items">
            <div class="case-study-image">
              <img src="assets/img/case-studies/05.jpg" alt="case-study-img" />
            </div>
            <div class="case-study-content">
              <h3><a href="project-details.html">Professional Website Design</a></h3>
              <p>Web Design & Development</p>
              <a href="project-details.html" class="icon">
                <i class="fal fa-arrow-right"></i>
              </a>
            </div>
          </div>
          <div class="case-study-items">
            <div class="case-study-image">
              <img src="assets/img/case-studies/06.jpg" alt="case-study-img" />
            </div>
            <div class="case-study-content">
              <h3><a href="project-details.html">Professional Website Design</a></h3>
              <p>Web Design & Development</p>
              <a href="project-details.html" class="icon">
                <i class="fal fa-arrow-right"></i>
              </a>
            </div>
          </div>
          <div class="case-study-items">
            <div class="case-study-image">
              <img src="assets/img/case-studies/07.jpg" alt="case-study-img" />
            </div>
            <div class="case-study-content">
              <h3><a href="project-details.html">Professional Website Design</a></h3>
              <p>Web Design & Development</p>
              <a href="project-details.html" class="icon">
                <i class="fal fa-arrow-right"></i>
              </a>
            </div>
          </div>
          <div class="case-study-items">
            <div class="case-study-image">
              <img src="assets/img/case-studies/05.jpg" alt="case-study-img" />
            </div>
            <div class="case-study-content">
              <h3><a href="project-details.html">Professional Website Design</a></h3>
              <p>Web Design & Development</p>
              <a href="project-details.html" class="icon">
                <i class="fal fa-arrow-right"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="about-wrapper section-padding pb-0">
          <div class="row">
            <div class="col-lg-6">
              <div class="about-content">
                <div class="section-title style-2">
                  <span class="wow fadeInUp">freequently Ask Questions</span>
                  <h2 class="wow fadeInUp" data-wow-delay=".3s">
                    have a question in
                    <br />
                    your mind?
                  </h2>
                </div>
                <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                  Transmds is the world’s driving worldwide coordinations
                  <br />
                  supplier — we uphold industry and exchange the
                </p>
                <div class="circle-progress-bar-wrapper style-2">
                  <div class="single-circle-bar wow fadeInUp" data-wow-delay=".7s">
                    <div
                      class="circle-bar"
                      data-percent="68"
                      data-duration="1000"></div>
                    <div class="content">
                      <h6>
                        Organizations
                        <br />
                        work support
                      </h6>
                    </div>
                  </div>
                  <div class="single-circle-bar wow fadeInUp" data-wow-delay=".9s">
                    <div
                      class="circle-bar"
                      data-percent="93"
                      data-duration="1000"></div>
                    <div class="content">
                      <h6>
                        Management &
                        <br />
                        Support Services
                      </h6>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 mt-5 mt-lg-0">
              <div class="faq-content style-2">
                <div class="faq-accordion">
                  <div class="accordion" id="accordion">
                    <div class="accordion-item wow fadeInUp" data-wow-delay=".3s">
                      <h4 class="accordion-header">
                        <button
                          class="accordion-button collapsed"
                          type="button"
                          data-bs-toggle="collapse"
                          data-bs-target="#faq1"
                          aria-expanded="false"
                          aria-controls="faq1">
                          How to learn digital marketing?
                        </button>
                      </h4>
                      <div
                        id="faq1"
                        class="accordion-collapse collapse"
                        data-bs-parent="#accordion">
                        <div class="accordion-body">
                          Ne summo dictas pertinacia nam. Illum cetero vocent ei vim,
                          case regione signiferumque vim te. Ex mea quem munere
                          lobortis. Duis aute irure dolor in reprehenderit in
                          voluptate velit esse cillum.
                        </div>
                      </div>
                    </div>
                    <div class="accordion-item wow fadeInUp" data-wow-delay=".5s">
                      <h4 class="accordion-header">
                        <button
                          class="accordion-button"
                          type="button"
                          data-bs-toggle="collapse"
                          data-bs-target="#faq2"
                          aria-expanded="true"
                          aria-controls="faq2">
                          Can I use the demos made by Ewebot?
                        </button>
                      </h4>
                      <div
                        id="faq2"
                        class="accordion-collapse collapse show"
                        data-bs-parent="#accordion">
                        <div class="accordion-body">
                          Ne summo dictas pertinacia nam. Illum cetero vocent ei vim,
                          case regione signiferumque vim te. Ex mea quem munere
                          lobortis. Duis aute irure dolor in reprehenderit in
                          voluptate velit esse cillum.
                        </div>
                      </div>
                    </div>
                    <div class="accordion-item wow fadeInUp" data-wow-delay=".7s">
                      <h4 class="accordion-header">
                        <button
                          class="accordion-button collapsed"
                          type="button"
                          data-bs-toggle="collapse"
                          data-bs-target="#faq3"
                          aria-expanded="false"
                          aria-controls="faq3">
                          Why didn’t you showcase my submission?
                        </button>
                      </h4>
                      <div
                        id="faq3"
                        class="accordion-collapse collapse"
                        data-bs-parent="#accordion">
                        <div class="accordion-body">
                          Ne summo dictas pertinacia nam. Illum cetero vocent ei vim,
                          case regione signiferumque vim te. Ex mea quem munere
                          lobortis. Duis aute irure dolor in reprehenderit in
                          voluptate velit esse cillum.
                        </div>
                      </div>
                    </div>
                    <div class="accordion-item wow fadeInUp" data-wow-delay=".9s">
                      <h4 class="accordion-header">
                        <button
                          class="accordion-button collapsed"
                          type="button"
                          data-bs-toggle="collapse"
                          data-bs-target="#faq4"
                          aria-expanded="false"
                          aria-controls="faq4">
                          Why didn’t you showcase my submission?
                        </button>
                      </h4>
                      <div
                        id="faq4"
                        class="accordion-collapse collapse"
                        data-bs-parent="#accordion">
                        <div class="accordion-body">
                          Ne summo dictas pertinacia nam. Illum cetero vocent ei vim,
                          case regione signiferumque vim te. Ex mea quem munere
                          lobortis. Duis aute irure dolor in reprehenderit in
                          voluptate velit esse cillum.
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Pricing Section Start >>-->
    <section class="pricing-section fix section-padding">
      <div class="container">
        <div class="section-title style-2 text-center">
          <span class="wow fadeInUp">IT Support Help</span>
          <h2 class="wow fadeInUp" data-wow-delay=".3s">
            WHAT WE’RE
            <span>OFFERING</span>
            TO
            <br />
            OUR CUSTOMERS
          </h2>
        </div>
        <div class="row">
          <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
            <div class="pricing-items">
              <div class="pricing-header">
                <h2>
                  $26.9
                  <sub>/Monthly</sub>
                </h2>
                <div class="offer-text-area">
                  <h4>Medium Plan</h4>
                  <h6 class="offer">offer -30%</h6>
                </div>
              </div>
              <ul class="pricing-list">
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Single website
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  One-click WordPress installs
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Free WordPress website transfer
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Unmetered bandwidth
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Free SSL certificate
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Free domain included
                </li>
              </ul>
              <div class="pricing-button">
                <a
                  href="contact.html"
                  class="theme-btn d-flex justify-content-between align-items-center">
                  <span>Get started for free</span>
                  <span><i class="far fa-long-arrow-right"></i></span>
                </a>
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
            <div class="pricing-items active">
              <div class="pricing-header">
                <h2>
                  $36.9
                  <sub>/Monthly</sub>
                </h2>
                <div class="offer-text-area">
                  <h4>Medium Plan</h4>
                  <h6 class="offer">offer -30%</h6>
                </div>
              </div>
              <ul class="pricing-list">
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Single website
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  One-click WordPress installs
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Free WordPress website transfer
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Unmetered bandwidth
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Free SSL certificate
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Free domain included
                </li>
              </ul>
              <div class="pricing-button">
                <a
                  href="contact.html"
                  class="theme-btn d-flex justify-content-between align-items-center">
                  <span>Get started for free</span>
                  <span><i class="far fa-long-arrow-right"></i></span>
                </a>
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
            <div class="pricing-items">
              <div class="pricing-header">
                <h2>
                  $46.9
                  <sub>/Monthly</sub>
                </h2>
                <div class="offer-text-area">
                  <h4>Medium Plan</h4>
                  <h6 class="offer">offer -30%</h6>
                </div>
              </div>
              <ul class="pricing-list">
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Single website
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  One-click WordPress installs
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Free WordPress website transfer
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Unmetered bandwidth
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Free SSL certificate
                </li>
                <li>
                  <i class="fas fa-check-circle me-3"></i>
                  Free domain included
                </li>
              </ul>
              <div class="pricing-button">
                <a
                  href="contact.html"
                  class="theme-btn d-flex justify-content-between align-items-center">
                  <span>Get started for free</span>
                  <span><i class="far fa-long-arrow-right"></i></span>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Testimonial Section Start >>-->
    <section class="testimonial-section-3 fix section-padding pt-0">
      <div class="container-fluid">
        <div class="testimonial-wrapper-3">
          <div class="testimonial-carousel-active-3">
            <div class="testimonial-items">
              <div class="testimonial-image-area">
                <div
                  class="testimonial-image bg-cover"
                  style="background-image: url('assets/img/testimonial/06.jpg')">
                  <div class="icon">
                    <i class="flaticon-double-quotes"></i>
                  </div>
                </div>
                <div class="star">
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                </div>
              </div>
              <div class="testimonial-content">
                <h3>
                  Climb the mountain not to plant your flag but to embrace the ways
                  challenge, enjoy the air, and behold the. Climb it see the world,
                  not so the world can see you. This is due to their excellent
                  service competitive pricing
                </h3>
                <div class="athor-name">
                  <h4>Robert J. Hare/</h4>
                  <p>Graphics Designer</p>
                </div>
              </div>
            </div>
            <div class="testimonial-items">
              <div class="testimonial-image-area">
                <div
                  class="testimonial-image bg-cover"
                  style="background-image: url('assets/img/testimonial/07.jpg')">
                  <div class="icon">
                    <i class="flaticon-double-quotes"></i>
                  </div>
                </div>
                <div class="star">
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                </div>
              </div>
              <div class="testimonial-content">
                <h3>
                  Climb the mountain not to plant your flag but to embrace the ways
                  challenge, enjoy the air, and behold the. Climb it see the world,
                  not so the world can see you. This is due to their excellent
                  service competitive pricing
                </h3>
                <div class="athor-name">
                  <h4>Robert J. Hare/</h4>
                  <p>Graphics Designer</p>
                </div>
              </div>
            </div>
            <div class="testimonial-items">
              <div class="testimonial-image-area">
                <div
                  class="testimonial-image bg-cover"
                  style="background-image: url('assets/img/testimonial/08.jpg')">
                  <div class="icon">
                    <i class="flaticon-double-quotes"></i>
                  </div>
                </div>
                <div class="star">
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                </div>
              </div>
              <div class="testimonial-content">
                <h3>
                  Climb the mountain not to plant your flag but to embrace the ways
                  challenge, enjoy the air, and behold the. Climb it see the world,
                  not so the world can see you. This is due to their excellent
                  service competitive pricing
                </h3>
                <div class="athor-name">
                  <h4>Robert J. Hare/</h4>
                  <p>Graphics Designer</p>
                </div>
              </div>
            </div>
            <div class="testimonial-items">
              <div class="testimonial-image-area">
                <div
                  class="testimonial-image bg-cover"
                  style="background-image: url('assets/img/testimonial/09.jpg')">
                  <div class="icon">
                    <i class="flaticon-double-quotes"></i>
                  </div>
                </div>
                <div class="star">
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                  <span class="fas fa-star"></span>
                </div>
              </div>
              <div class="testimonial-content">
                <h3>
                  Climb the mountain not to plant your flag but to embrace the ways
                  challenge, enjoy the air, and behold the. Climb it see the world,
                  not so the world can see you. This is due to their excellent
                  service competitive pricing
                </h3>
                <div class="athor-name">
                  <h4>Robert J. Hare/</h4>
                  <p>Graphics Designer</p>
                </div>
              </div>
            </div>
          </div>
          <div class="slider-button">
            <div class="testimonial-nav-prev">
              <i class="fas fa-long-arrow-left"></i>
            </div>
            <div class="testimonial-nav-next">
              <i class="fas fa-long-arrow-right"></i>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Team Section Start >>-->
    <section class="team-section section-padding pt-0 section-bg-3" id="team">
      <div class="dot-shape-2">
        <img src="assets/img/team/dot-shape-2.png" alt="shape-img" />
      </div>
      <div class="container">
        <div class="section-title style-2 text-center">
          <span class="wow fadeInUp">IT Support Help</span>
          <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
            We’ve Exclusive real
            <br />
            Team member
          </h2>
        </div>
        <div class="row">
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
            <div class="team-card-items">
              <div class="team-content">
                <h4>
                  <a href="team-details.html">Tommie J. Saruman</a>
                </h4>
                <p>Senior Consultant</p>
              </div>
              <div class="team-image">
                <img src="assets/img/team/07.jpg" alt="team-img" />
                <div class="social-profile">
                  <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                  <ul>
                    <li>
                      <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-twitter"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-youtube"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-instagram"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
            <div class="team-card-items active">
              <div class="team-content">
                <h4>
                  <a href="team-details.html">Tommie J. Saruman</a>
                </h4>
                <p>Senior Consultant</p>
              </div>
              <div class="team-image">
                <img src="assets/img/team/08.jpg" alt="team-img" />
                <div class="social-profile">
                  <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                  <ul>
                    <li>
                      <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-twitter"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-youtube"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-instagram"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
            <div class="team-card-items">
              <div class="team-content">
                <h4>
                  <a href="team-details.html">Tommie J. Saruman</a>
                </h4>
                <p>Senior Consultant</p>
              </div>
              <div class="team-image">
                <img src="assets/img/team/09.jpg" alt="team-img" />
                <div class="social-profile">
                  <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                  <ul>
                    <li>
                      <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-twitter"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-youtube"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-instagram"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".9s">
            <div class="team-card-items">
              <div class="team-content">
                <h4>
                  <a href="team-details.html">Tommie J. Saruman</a>
                </h4>
                <p>Senior Consultant</p>
              </div>
              <div class="team-image">
                <img src="assets/img/team/10.jpg" alt="team-img" />
                <div class="social-profile">
                  <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                  <ul>
                    <li>
                      <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-twitter"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-youtube"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-instagram"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="team-button text-center mt-5 wow fadeInUp" data-wow-delay=".4s">
          <a href="team.html" class="theme-btn theme-btn-2 hover-white">
            <span>
              Explore more team
              <i class="fas fa-chevron-right"></i>
            </span>
          </a>
        </div>
      </div>
    </section>

    <!--<< Cta Chat Section Start >>-->
    <section class="cta-chat-section-2">
      <div class="container">
        <div class="cta-chat-wrapper style-2">
          <div class="chat-items wow fadeInUp" data-wow-delay=".3s">
            <div class="icon">
              <i class="flaticon-chat"></i>
            </div>
            <div class="content">
              <h3>Let’s Discuss & Start IT Consultations</h3>
              <p>Lorem ipsum dolor sit amet, consectetur notted adipisicin</p>
            </div>
          </div>
          <a
            href="contact.html"
            class="theme-btn bg-white wow fadeInUp"
            data-wow-delay=".5s">
            <span>
              Lets Get Started
              <i class="fas fa-chevron-right"></i>
            </span>
          </a>
        </div>
      </div>
    </section>

    <!--<< News Section Start >>-->
    <section class="news-section section-padding fix" id="blog">
      <div class="container">
        <div class="title-section-area">
          <div class="section-title style-2">
            <span class="wow fadeInUp">IT Support Help</span>
            <h2 class="wow fadeInUp" data-wow-delay=".3s">
              Upcoming News &
              <span>Blog</span>
            </h2>
          </div>
          <a
            href="news-details.html"
            class="theme-btn theme-btn-2 wow fadeInUp"
            data-wow-delay=".5s">
            <span>
              Explore Our news
              <i class="fas fa-chevron-right"></i>
            </span>
          </a>
        </div>
        <div class="row">
          <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
            <div class="single-news-items-2">
              <div
                class="news-image bg-cover"
                style="background-image: url('assets/img/news/06.jpg')">
                <div class="post-date">
                  <h4>
                    25
                    <br />
                    <span>Dec</span>
                  </h4>
                </div>
              </div>
              <div class="news-content">
                <p>Product Design</p>
                <h4>
                  <a href="news-details.html">
                    IT Service Case Studies Accelerating Business Fly Success Tech
                  </a>
                </h4>
                <a href="news-details.html" class="link-btn link-btn-2">
                  <span>read more</span>
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
            <div class="single-news-items-2">
              <div
                class="news-image bg-cover"
                style="background-image: url('assets/img/news/07.jpg')">
                <div class="post-date">
                  <h4>
                    28
                    <br />
                    <span>Dec</span>
                  </h4>
                </div>
              </div>
              <div class="news-content">
                <p>Product Design</p>
                <h4>
                  <a href="news-details.html">
                    IT Service Case Studies Accelerating Business Fly Success Tech
                  </a>
                </h4>
                <a href="news-details.html" class="link-btn link-btn-2">
                  <span>read more</span>
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
            <div class="single-news-items-2">
              <div
                class="news-image bg-cover"
                style="background-image: url('assets/img/news/08.jpg')">
                <div class="post-date">
                  <h4>
                    30
                    <br />
                    <span>Dec</span>
                  </h4>
                </div>
              </div>
              <div class="news-content">
                <p>Product Design</p>
                <h4>
                  <a href="news-details.html">
                    IT Service Case Studies Accelerating Business Fly Success Tech
                  </a>
                </h4>
                <a href="news-details.html" class="link-btn link-btn-2">
                  <span>read more</span>
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Contact Section Start >>-->
    <section
      class="contact-section-2 fix section-padding bg-cover"
      id="contact"
      style="background-image: url('assets/img/contact-bg.jpg')">
      <div class="contact-image">
        <img src="assets/img/contact-2.png" alt="contact-img" />
      </div>
      <div class="container">
        <div class="contact-wrapper-2">
          <div class="row align-items-center">
            <div class="col-lg-6">
              <div class="contact-content">
                <div class="section-title style-2">
                  <span class="wow fadeInUp">IT Support Help</span>
                  <h2 class="wow fadeInUp" data-wow-delay=".3s">
                    let,s work together
                  </h2>
                </div>
                <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                  We denounce with righteous indignation and like men
                  <br />
                  beguiled and demoralized by the charms
                </p>
                <div class="contact-info-area">
                  <div
                    class="contact-info-items mb-4 wow fadeInUp"
                    data-wow-delay=".7s">
                    <div class="icon">
                      <i class="far fa-phone"></i>
                    </div>
                    <div class="content">
                      <p>Call For Inquiry</p>
                      <h3><a href="tel:+23645689622">+236 (456) 896 22</a></h3>
                    </div>
                  </div>
                  <div
                    class="contact-info-items mb-4 wow fadeInUp"
                    data-wow-delay=".8s">
                    <div class="icon">
                      <i class="fal fa-envelope"></i>
                    </div>
                    <div class="content">
                      <p>Send Us Email</p>
                      <h3><a href="mailto:info@example.com">info@example.com</a></h3>
                    </div>
                  </div>
                  <div class="contact-info-items wow fadeInUp" data-wow-delay=".9s">
                    <div class="icon">
                      <i class="fas fa-map-marker-alt"></i>
                    </div>
                    <div class="content">
                      <p>Location</p>
                      <h3>734 H, Bryan Burlington, NC 27215</h3>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 mt-5 mt-lg-0">
              <div class="contact-box">
                <div class="contact-title">
                  <h3 class="wow fadeInUp" data-wow-delay=".3s">
                    Need Help For Project!
                  </h3>
                  <p class="wow fadeInUp" data-wow-delay=".5s">
                    We are ready to help your next projects, let’s work together
                  </p>
                </div>
                <div class="contact-form-items">
                  <form action="#" id="contact-form" method="POST">
                    <div class="row g-3">
                      <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="form-clt">
                          <input
                            type="text"
                            name="name"
                            id="name"
                            placeholder="Name" />
                          <div class="icon">
                            <i class="far fa-user"></i>
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="form-clt">
                          <input
                            type="text"
                            name="email"
                            id="email"
                            placeholder="Email" />
                          <div class="icon">
                            <i class="far fa-envelope"></i>
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-12 wow fadeInUp" data-wow-delay=".3s">
                        <div class="form-clt">
                          <div class="nice-select" tabindex="0">
                            <span class="current">Choose Services</span>
                            <ul class="list">
                              <li data-value="1" class="option selected focus">
                                Default sorting
                              </li>
                              <li data-value="1" class="option">
                                Sort by popularity
                              </li>
                              <li data-value="1" class="option">
                                Sort by average rating
                              </li>
                              <li data-value="1" class="option">Sort by latest</li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-12 wow fadeInUp" data-wow-delay=".5s">
                        <div class="form-clt">
                          <textarea
                            name="message"
                            id="message"
                            placeholder="Write Your Message"></textarea>
                        </div>
                      </div>
                      <div class="col-lg-12 wow fadeInUp" data-wow-delay=".4s">
                        <button type="submit" class="theme-btn theme-btn-2">
                          <span>
                            Send Us Messages
                            <i class="fas fa-chevron-right"></i>
                          </span>
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Footer Section Start >>-->
    <footer class="footer-section section-bg-3">
      <div class="container">
        <div class="footer-top">
          <div class="footer-logo wow fadeInUp" data-wow-delay=".3s">
            <a href="index.html">
              <img src="assets/img/logo/footer-logo-2.svg" alt="img" />
            </a>
          </div>
          <ul class="wow fadeInUp" data-wow-delay=".5s">
            <li>
              <i class="fab fa-facebook-f"></i>
              <a href="#">Facebook</a>
            </li>
            <li>
              <i class="fab fa-twitter"></i>
              <a href="#">Twitter</a>
            </li>
            <li>
              <i class="fab fa-linkedin-in"></i>
              <a href="#">LinkedIn</a>
            </li>
            <li>
              <i class="fab fa-instagram"></i>
              <a href="#">Instagram</a>
            </li>
          </ul>
        </div>
        <div class="footer-widgets-wrapper">
          <div class="row">
            <div
              class="col-xl-6 col-sm-12 col-md-8 col-lg-6 wow fadeInUp"
              data-wow-delay=".3s">
              <div class="single-footer-widget me-4">
                <div class="widget-head">
                  <h3>Subscribe Newsletter</h3>
                </div>
                <div class="footer-content">
                  <p>
                    We understand that every challenge is an opportunity we are here
                    seize
                    <br />
                    a team of dedicated professionals and a culture
                  </p>
                  <div class="newsletter-items">
                    <div class="form-clt">
                      <input
                        type="text"
                        name="email"
                        id="email2"
                        placeholder="Email Address" />
                    </div>
                    <button class="theme-btn hover-white" type="submit">
                      <span>
                        Sign Up
                        <i class="fas fa-chevron-right"></i>
                      </span>
                    </button>
                  </div>
                  <h6 class="label-text">
                    By subscribing, you’re accept
                    <a href="#">Privacy Policy</a>
                  </h6>
                </div>
              </div>
            </div>
            <div
              class="col-xl-3 ps-lg-5 col-sm-6 col-md-6 col-lg-3 wow fadeInUp"
              data-wow-delay=".5s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <h5>Services</h5>
                </div>
                <ul class="list-items">
                  <li>
                    <a href="service-details.html">Web (UX/UI) Design</a>
                  </li>
                  <li>
                    <a href="service-details.html">Machine Learning & AI</a>
                  </li>
                  <li>
                    <a href="service-details.html">Web Development</a>
                  </li>
                  <li>
                    <a href="service-details.html">IT Cyber Security</a>
                  </li>
                  <li>
                    <a href="service-details.html">Cloud Computing</a>
                  </li>
                  <li>
                    <a href="service-details.html">Analytic & Engineering</a>
                  </li>
                </ul>
              </div>
            </div>
            <div
              class="col-xl-3 ps-lg-5 col-sm-6 col-md-6 col-lg-3 wow fadeInUp"
              data-wow-delay=".7s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <h5>Locations:</h5>
                </div>
                <div class="footer-address-text">
                  <p>55 Main Street, 2nd block Malborne, Australia</p>
                  <h5>Contact</h5>
                  <a href="mailto:info@example.com" class="link-mail">
                    info@example.com
                  </a>
                  <h5 class="pt-3">
                    <a href="tel:+88012345688">+880 (123) 456 88</a>
                  </h5>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom style-2">
        <div class="container">
          <div
            class="footer-wrapper d-flex align-items-center justify-content-between">
            <p class="wow fadeInUp color-2" data-wow-delay=".4s">
              Copyright © 2024 by
              <a href="Http://www.bootstrapmb.com">bootstrapMB</a>
              . All Rights Reserved.
            </p>
          </div>
        </div>
      </div>
    </footer>

    <!--<< All JS Plugins >>-->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <!--<< Viewport Js >>-->
    <script src="assets/js/viewport.jquery.js"></script>
    <!--<< Bootstrap Js >>-->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!--<< Nice Select Js >>-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!--<< Waypoints Js >>-->
    <script src="assets/js/jquery.waypoints.js"></script>
    <!--<< Counterup Js >>-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!--<< Slick Js >>-->
    <script src="assets/js/slick.min.js"></script>
    <!--<< Slick Animation Js >>-->
    <script src="assets/js/slick-animation.min.js"></script>
    <!--<< MeanMenu Js >>-->
    <script src="assets/js/jquery.meanmenu.min.js"></script>
    <!--<< Magnific Popup Js >>-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!--<< Wow Animation Js >>-->
    <script src="assets/js/wow.min.js"></script>
    <!--<< Circle Progress Js >>-->
    <script src="assets/js/circle-progress.js"></script>
    <!--<< Main.js >>-->
    <script src="assets/js/main.js"></script>
  </body>
</html>
